<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
    <th:block th:include="include :: header('修改商户信息')" />
</head>
<body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
    <form class="form-horizontal m" id="form-merchantInfo-lookImg" >
        <div class="form-group">
            <label class="col-sm-3 control-label">商户号：</label>
            <div class="col-sm-8">
                <input name="merno" th:value="${merNo}" class="form-control" readonly type="text">
            </div>
        </div>

        <div class="layer-photos-mer" th:each="mer : ${clientImgs}" th:switch="${mer.type}">
            <div class="form-group" th:case="'1'">
                <label class="col-sm-3 control-label" >身份证正面：</label>
                <div class="col-sm-8">
                    <img th:layer-src="${imgUrl+mer.fileid}" th:src="${imgUrl+mer.fileid}" th:alt="身份证正面" style="width: 100px;height: 100px;">
                </div>
            </div>

            <div class="form-group" th:case="'2'">
                <label class="col-sm-3 control-label">身份证反面：</label>
                <div class="col-sm-8">
                    <img  th:layer-src="${imgUrl+mer.fileid}" th:src="${imgUrl+mer.fileid}" th:alt="身份证反面" style="width: 100px;height: 100px;">
                </div>
            </div>

            <div class="form-group" th:case="'4'">
                <label class="col-sm-3 control-label">银行卡正面：</label>
                <div class="col-sm-8">
                    <img th:layer-src="${imgUrl+mer.fileid}" th:src="${imgUrl+mer.fileid}" th:alt="银行卡正面" style="width: 100px;height: 100px;">
                </div>
            </div>

            <div class="form-group" th:case="'18'">
                <label class="col-sm-3 control-label">银行卡反面：</label>
                <div class="col-sm-8">
                    <img  th:layer-src="${imgUrl+mer.fileid}" th:src="${imgUrl+mer.fileid}" th:alt="银行卡反面" style="width: 100px;height: 100px;">
                </div>
            </div>

            <div class="form-group" th:case="'29'">
                <label class="col-sm-3 control-label">结算人身份证正面：</label>
                <div class="col-sm-8">
                    <img   th:layer-src="${imgUrl+mer.fileid}" th:src="${imgUrl+mer.fileid}" alt="结算人身份证正面" style="width: 100px;height: 100px;">
                </div>
            </div>

            <div class="form-group" th:case="'30'">
                <label class="col-sm-3 control-label" >结算人身份证反面：</label>
                <div class="col-sm-8">
                    <img   th:layer-src="${imgUrl+mer.fileid}" th:src="${imgUrl+mer.fileid}" alt="结算人身份证反面" style="width: 100px;height: 100px;">
                </div>
            </div>

            <div class="form-group" th:case="'31'">
                <label class="col-sm-3 control-label">非法人结算证明文件：</label>
                <div class="col-sm-8">
                    <img   th:layer-src="${imgUrl+mer.fileid}" th:src="${imgUrl+mer.fileid}" alt="非法人结算证明文件" style="width: 100px;height: 100px;">
                </div>
            </div>

            <div class="form-group" th:case="'5'">
                <label class="col-sm-3 control-label">营业执照：</label>
                <div class="col-sm-8">
                    <img   th:layer-src="${imgUrl+mer.fileid}" th:src="${imgUrl+mer.fileid}" alt="营业执照" style="width: 100px;height: 100px;">
                </div>
            </div>

            <div class="form-group" th:case="'6'">
                <label class="col-sm-3 control-label">店面场景：</label>
                <div class="col-sm-8">
                    <img   th:layer-src="${imgUrl+mer.fileid}" th:src="${imgUrl+mer.fileid}" alt="店面场景" style="width: 100px;height: 100px;">
                </div>
            </div>

            <div class="form-group" th:case="'7'">
                <label class="col-sm-3 control-label">店面门脸：</label>
                <div class="col-sm-8">
                    <img   th:layer-src="${imgUrl+mer.fileid}" th:src="${imgUrl+mer.fileid}" alt="店面门脸" style="width: 100px;height: 100px;">
                </div>
            </div>

            <div class="form-group" th:case="'8'">
                <label class="col-sm-3 control-label">店铺收银：</label>
                <div class="col-sm-8">
                    <img   th:layer-src="${imgUrl+mer.fileid}" th:src="${imgUrl+mer.fileid}" alt="店铺收银" style="width: 100px;height: 100px;">
                </div>
            </div>

            <div class="form-group" th:case="'16'">
                <label class="col-sm-3 control-label">开户许可证：</label>
                <div class="col-sm-8">
                    <img   th:layer-src="${imgUrl+mer.fileid}" th:src="${imgUrl+mer.fileid}" alt="开户许可证" style="width: 100px;height: 100px;">
                </div>
            </div>

            <div class="form-group" th:case="'19'">
                <label class="col-sm-3 control-label">商户协议照片-1：</label>
                <div class="col-sm-8">
                    <img   th:layer-src="${imgUrl+mer.fileid}" th:src="${imgUrl+mer.fileid}" alt="商户协议照片-1" style="width: 100px;height: 100px;">
                </div>
            </div>

            <div class="form-group" th:case="'20'">
                <label class="col-sm-3 control-label">商户协议照片-2：</label>
                <div class="col-sm-8">
                    <img   th:layer-src="${imgUrl+mer.fileid}" th:src="${imgUrl+mer.fileid}" alt="商户协议照片-2" style="width: 100px;height: 100px;">
                </div>
            </div>

            <div class="form-group" th:case="'21'">
                <label class="col-sm-3 control-label">商户协议照片-3：</label>
                <div class="col-sm-8">
                    <img   th:layer-src="${imgUrl+mer.fileid}" th:src="${imgUrl+mer.fileid}" alt="商户协议照片-3" style="width: 100px;height: 100px;">
                </div>
            </div>

            <div class="form-group" th:case="'22'">
                <label class="col-sm-3 control-label">商户协议照片-4：</label>
                <div class="col-sm-8">
                    <img   th:layer-src="${imgUrl+mer.fileid}" th:src="${imgUrl+mer.fileid}" alt="商户协议照片-4" style="width: 100px;height: 100px;">
                </div>
            </div>

            <div class="form-group" th:case="'23'">
                <label class="col-sm-3 control-label">商户协议照片-5：</label>
                <div class="col-sm-8">
                    <img   th:layer-src="${imgUrl+mer.fileid}" th:src="${imgUrl+mer.fileid}" alt="商户协议照片-5" style="width: 100px;height: 100px;">
                </div>
            </div>

            <div class="form-group" th:case="'24'">
                <label class="col-sm-3 control-label">商户协议照片-6：</label>
                <div class="col-sm-8">
                    <img   th:layer-src="${imgUrl+mer.fileid}" th:src="${imgUrl+mer.fileid}" alt="商户协议照片-6" style="width: 100px;height: 100px;">
                </div>
            </div>

            <div class="form-group" th:case="'25'">
                <label class="col-sm-3 control-label">商户协议照片-7：</label>
                <div class="col-sm-8">
                    <img   th:layer-src="${imgUrl+mer.fileid}" th:src="${imgUrl+mer.fileid}" alt="商户协议照片-7" style="width: 100px;height: 100px;">
                </div>
            </div>

            <div class="form-group" th:case="'26'">
                <label class="col-sm-3 control-label">商户协议照片-8：</label>
                <div class="col-sm-8">
                    <img   th:layer-src="${imgUrl+mer.fileid}" th:src="${imgUrl+mer.fileid}" alt="商户协议照片-8" style="width: 100px;height: 100px;">
                </div>
            </div>

            <div class="form-group" th:case="'27'">
                <label class="col-sm-3 control-label">商户协议照片-9：</label>
                <div class="col-sm-8">
                    <img   th:layer-src="${imgUrl+mer.fileid}" th:src="${imgUrl+mer.fileid}" alt="商户协议照片-9" style="width: 100px;height: 100px;">
                </div>
            </div>
            <div class="form-group" th:case="'28'">
                <label class="col-sm-3 control-label">商户协议照片-10：</label>
                <div class="col-sm-8">
                    <img   th:layer-src="${imgUrl+mer.fileid}" th:src="${imgUrl+mer.fileid}" alt="商户协议照片-10" style="width: 100px;height: 100px;">
                </div>
            </div>
            <div class="form-group" th:case="'3'">
                <label class="col-sm-3 control-label">手持身份证：</label>
                <div class="col-sm-8">
                    <img   th:layer-src="${imgUrl+mer.fileid}" th:src="${imgUrl+mer.fileid}" alt="手持身份证" style="width: 100px;height: 100px;">
                </div>
            </div>
            <div class="form-group" th:case="'42'">
                <label class="col-sm-3 control-label">收款二维码图片：</label>
                <div class="col-sm-8">
                    <img   th:layer-src="${imgUrl+mer.fileid}" th:src="${imgUrl+mer.fileid}" alt="收款二维码图片" style="width: 100px;height: 100px;">
                </div>
            </div>
            <div class="form-group" th:case="*">
                <label class="col-sm-3 control-label">未知类型：</label>
                <div class="col-sm-8">
                    <img   th:layer-src="${imgUrl+mer.fileid}" th:src="${imgUrl+mer.fileid}" alt="未知类型" style="width: 100px;height: 100px;">
                </div>
            </div>

            <div class="form-group" style="font-size: 10px">
                <label class="col-sm-3 control-label" style="height: 12px">添加时间：</label>
                <div class="col-sm-8">
                    <input type="text" name="updatetime" th:value="${mer.updatetime}" class="form-control" style="width: 200px; height: 25px" readonly>
                </div>
            </div>

        </div>

    </form>
</div>
<th:block th:include="include :: footer" />
<script th:inline="javascript">
    layer.photos({
        photos: '.layer-photos-mer'
        ,anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
    });
</script>
</body>
</html>